view,
navigator {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    box-sizing: border-box;
    font-family: "微软雅黑";
}
table {
    border-collapse: collapse;
}
/* 一行多余省略 */
.line1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* 两行多余省略 */
.line2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
/* ==================================== 布局 ================================== */
.pr {
    position: relative;
}
.flex {
    display: flex;
}
.flex-align {
    display: flex;
    align-items: center;
}
.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}
.flex-between {
    display: flex;
    justify-content: space-between;
}
.flex-around {
    display: flex;
    justify-content: space-around;
}
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.w {
    width: 690rpx;
    margin: auto;
}
.m {
    margin: auto;
}
/* ==================================== 效果 ================================== */
.box {
    overflow: hidden;
    border-radius: 10rpx;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07);
}
.bg {
    background-color: #fff;
}
.bg-primary {
    background-color: #d7c998;
}
/* ==================================== 主题 ================================== */
.color-primary {
    color: $uni-color-primary;
}
.color-success {
    color: $uni-color-success;
}
.color-warning {
    color: $uni-color-warning;
}
.color-danger {
    color: $uni-color-error;
}
.color-info {
    // 此处$uni-color-info   报错？？？
    // color: $uni-color-info;
    color: #909399;
}
/* 外边距、内边距全局样式
------------------------------- */
@for $i from 0 through 100 {
    .mar#{$i} {
        margin: #{$i}rpx !important;
    }
    .mt#{$i} {
        margin-top: #{$i}rpx !important;
    }
    .mr#{$i} {
        margin-right: #{$i}rpx !important;
    }
    .mb#{$i} {
        margin-bottom: #{$i}rpx !important;
    }
    .ml#{$i} {
        margin-left: #{$i}rpx !important;
    }
    .pad#{$i}-0 {
        padding: #{$i}rpx 0 !important;
    }
    .pad0-#{$i} {
        padding: 0 #{$i}rpx !important;
    }
    .pad#{$i} {
        padding: #{$i}rpx !important;
    }
    .pt#{$i} {
        padding-top: #{$i}rpx !important;
    }
    .pr#{$i} {
        padding-right: #{$i}rpx !important;
    }
    .pb#{$i} {
        padding-bottom: #{$i}rpx !important;
    }
    .pl#{$i} {
        padding-left: #{$i}rpx !important;
    }
    .bor#{$i} {
        border-radius: #{$i}px;
    }
}
/* 字体大小、样式 
==================================*/
@for $i from 10 through 60 {
    .f#{$i} {
        font-size: #{$i}px !important;
    }
}
.bold {
    font-weight: bold;
}
